@media(max-width:375px) {
    .department {
        .department-box {
            overflow: hidden;

            // 导航栏
            .top {
                width: 100%;
                margin: auto;

                .top-box {
                    align-items: center;
                    justify-content: space-between;
                    left: 30px;
                    top: 0;

                    .t-left {
                        margin-right: 20px;

                        img {
                            width: 150px;
                            height: 30px;
                        }
                    }

                    .t-middle {
                        .middele1 {
                            display: block;
                        }

                        img {
                            width: 25px;
                            height: 25px;
                            margin-left: 120px;
                        }

                        .u-3 {
                            // display: none;
                            position: absolute;
                            left: 200px;
                            display: block;
                            float: right;

                            li {
                                width: 120px;
                                height: 40px;

                                text-align: center;
                                background-color: #c90000;
                                border: 1px solid #000;

                                a {
                                    color: #fff;
                                }
                            }
                        }
                    }

                    .t-right {
                        display: none;
                    }
                }

            }

            // 背景图
            .banner {
                img {
                    display: block;
                }
            }

            // 学院概况
            .Overview {
                width: 100%;

                .title {
                    display: none;
                }

                .over-content {
                    width: 100%;
                    margin: auto;

                    .left {
                        display: none;
                    }

                    .right {
                        width: 100%;
                        border: none;
                        border-bottom: 1px solid #c90000;


                        .r-top {
                            align-items: center;

                            .left1 {
                                font-size: 15px;
                            }

                            .t-right {
                                font-size: 10px;
                            }
                        }

                        #right3 {
                            padding: 0 10px;
                            width: 100%;
                            height: 100%;
                            box-shadow: 0 0 0 0;

                            .img {
                                margin-right: 10px;
                            }

                            .more {
                                display: block;
                                width: 100%;
                                height: 20px;
                                line-height: 20px;
                                margin-top: 30px;
                                margin-bottom: 50px;
                                text-align: center;
                                color: silver;

                                img {
                                    width: 5%;
                                    transform: rotate(180deg);
                                }
                            }
                        }

                        #right2 {
                            padding: 0 10px;
                            width: 100%;
                            box-shadow: 0 0 0 0;

                            .img {
                                margin-right: 10px;
                            }

                            .content-box {
                                .content {
                                    .c-img {
                                        img {
                                            height: 90px;
                                        }
                                    }

                                    .c-text {
                                        font-size: 10px;
                                        height: 40px;

                                        div:nth-child(2) {
                                            font-size: 10px;
                                        }
                                    }
                                }
                            }

                            .more {
                                display: block;
                                width: 100%;
                                height: 20px;
                                line-height: 20px;
                                margin-top: 30px;
                                margin-bottom: 50px;
                                text-align: center;
                                color: silver;

                                img {
                                    width: 5%;
                                    transform: rotate(180deg);
                                }
                            }
                        }

                        #right4 {
                            padding: 0 10px;
                            width: 100%;
                            box-shadow: 0 0 0 0;
                            height: 100vh;

                            .img {
                                margin-right: 10px;
                            }

                            .r-box {
                                .b-content {
                                    display: block;

                                    .c-2 {
                                        width: 100%;
                                        margin: 5px 0;
                                    }
                                }
                            }

                            .more {
                                display: block;
                                width: 100%;
                                height: 20px;
                                line-height: 20px;
                                margin-top: 30px;
                                margin-bottom: 50px;
                                text-align: center;
                                color: silver;

                                img {
                                    width: 5%;
                                    transform: rotate(180deg);
                                }
                            }
                        }
                    }
                }
            }
        }

        // 底部
        .bottom {
            .bottom-box {
                .bottom-content {
                    display: block;

                    .bottom-left {
                        width: 100%;
                        margin: auto;

                        img {
                            width: 80%;
                        }
                    }

                    .bottom-middle {
                        width: 100%;
                        margin: auto;
                        display: block;
                        text-align: center;

                        .b-m-left {
                            margin: 5px 0;
                        }

                        .b-m-right {
                            margin: 5px 0;
                        }
                    }

                    .bottom-b-right {
                        margin-top: 10px;
                        width: 100%;
                        text-align: center;

                        img {
                            width: 25%;
                            height: 80px;
                        }
                    }
                }
            }
        }
    }
}